<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="powersi" uri="http://www.powersi.com.cn/tags"%>
<powersi:html>
<head>
<powersi:head title="设备性能报表" />

<script type="text/javascript"
	src="${rootPath}/resource/js/rgraph/RGraph.common.core.js"></script>
<script type="text/javascript"
	src="${rootPath}/resource/js/rgraph/RGraph.bar.js"></script>
</head>
<body>

	<powersi:form namespace="/report" action="DeviceReport!SheBeiShuLiang.action">
		<powersi:groupbox title="查询条件">
			<powersi:editorlayout cols="6">
				<tr> 
					<powersi:textfield id="beginDate" name="dto.begin_date" key="begin_date"  mask="date" />
					<powersi:textfield id="endDate" name="dto.end_date" key="end_date"   mask="date" />
					<td><powersi:button id="btCalc" type="submit" value="查  询" ></powersi:button></td>
				</tr>
			</powersi:editorlayout>
		</powersi:groupbox>

		<powersi:groupbox title="查询结果">
			<canvas id="mytb" width="600" height="250">[您的浏览器版本过低，不支持该报表插件]</canvas>
		</powersi:groupbox>

	</powersi:form>
	<powersi:errors />
	<script type="text/javascript">

window.onload = function ()
{
	var bar = new RGraph.Bar('mytb', ${lstCount})
    .Set('labels', ${lstName})
    .Set('colors', ['Gradient(#99f:#27afe9:#058DC7:#058DC7)', 'Gradient(#94f776:#50B332:#B1E59F)', 'Gradient(#fe783e:#EC561B:#F59F7D)'])
    //.Set('hmargin', 55)
    .Set('strokestyle', 'white')
    .Set('linewidth', 1)
    .Set('shadow', true)
    .Set('shadow.color', '#ccc')
    .Set('shadow.offsetx', 0)
    .Set('shadow.offsety', 0)
    .Set('shadow.blur', 10)
    .Draw();
}

</script>
</body>
</powersi:html>
